<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>问答系统</title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script src="libs/jquery-3.1.0.js"></script>
		<script src="libs/jquery.cookie.js"></script>
		<script src="libs/bootstrap.js"></script>
		<script src="js/index.js"></script>
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container dropdown">
				<a href="/" class="navbar-brand">智游教育</a>
				<div class="navbar-text navbar-right navbar-title">
					<span id="ask">
						<span class="glyphicon glyphicon-question-sign"></span>
						<span>提问</span>
					</span>&#x3000;
					<span id="user" data-toggle="dropdown">
						<span class="glyphicon glyphicon-user"></span>
						<span>登录</span>
					</span>
					<ul class="dropdown-menu dropdown-menu-right"  role="menu">
					    <li><a href="/user.html" class="text-right">个人资料</a></li>
					    <li class="divider"></li>
					    <li><a href="#" class="text-right">退出</a></li>
					</ul>
				</div>
			</div>
        </nav>
		
		<div class="container question">
			<ul class="list-group">
				<li class="list-group-item list-group-item-success list-relative">
					<div class="list-header">
						<img src="images/user.png" alt="">
						<div class="info">
							<span>子瞻</span>
							<span>2016-10-17 12:00</span>
						</div>
					</div>
					<div class="list-body">
						<p>海内存知己，天涯若比邻</p>
					</div>
					<button class="btn btn-success answer">我来回答</button>
				</li>
				<li class="list-group-item list-group-item-info list-relative">
					<div class="list-header">
						<img src="images/user.png" alt="" class="pull-right">
						<div class="info pull-right">
							<span>子瞻</span>
							<span>2016-10-17 12:00</span>
						</div>
					</div>
					<div class="list-body">
						<p>海内存知己，天涯若比邻</p>
					</div>
				</li>
			</ul>
		</div>

		<div class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
					<h4 class="modal-title">智游教育</h4>
				</div>
				<div class="modal-body">
					<p>One fine body&hellip;</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-success modal-close">确定</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
	</body>
</html>
